<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ include file="/WEB-INF/component/commonTagLib.jsp"%>
<!DOCTYPE html>
<html>
<head>
    <title><spring:message code="message.listForm.yiLiaoJiGou"/><spring:message code="message.jieSuan.jieSuanDan"/><spring:message code="message.button.look"/></title>
    <%@ include file="/WEB-INF/component/commonCSS.jsp"%>
    <style type="text/css">
        div.group-info {
            margin-top: 10px !important;
            margin-bottom: 0px !important;
        }
        input.innerInput {
            width: 98%;
        }
    </style>
</head>
<body class="skin-blue sidebar-mini fixed skin-blue-light-frame">
    <section class="content-header">
        <h1><spring:message code="message.listForm.yiLiaoJiGou"/><spring:message code="message.jieSuan.jieSuanDan"/><spring:message code="message.button.look"/></h1>
       <ol class="breadcrumb">
            <li><a href="${ctx}/home.jsp"><i class="fa fa-home"></i><spring:message code="message.lable.first"/></a></li>
            <li class="active"><a href="#"><spring:message code="message.jieSuan.jieSuanDan"/><spring:message code="message.jieSuan.guanLi"/></a></li>
            <li class="active"><a href="#"><spring:message code="message.listForm.yiLiaoJiGou"/><spring:message code="message.jieSuan.jieSuanDan"/><spring:message code="message.jieSuan.guanLi"/></a></li>
            <li class="active"><a href="#"><spring:message code="message.listForm.yiLiaoJiGou"/><spring:message code="message.jieSuan.jieSuanDan"/><spring:message code="message.button.look"/></a></li>
        </ol>
     </section>
     
    <section class="content">
        <div class=" box box-success">
            <div class="box-body">
                <div class=" form-inline">
        
			        <div class="form-group form-group-xs">
                        <spring:message code="message.jieSuan.tiJiaoRiQi"/><spring:message code="message.yanZheng.maoHao"/> 
                       <input class="form-control" type="text" id="beginDate"  name="beginDate" placeholder="yyyy-MM-dd"  onFocus="var endDate=$dp.$('endDate');WdatePicker({maxDate:'#F{$dp.$D(\'endDate\')}'})" />
                        -
                       <input class="form-control" type="text" id="endDate"  name="endDate" placeholder="yyyy-MM-dd"  onFocus="WdatePicker({minDate:'#F{$dp.$D(\'beginDate\')}'})" />
                   </div>
                   
			       <div class="form-group form-group-xs">
			                <spring:message code="message.lable.status"/><spring:message code="message.yanZheng.maoHao"/> <select class="form-control"  id="status" name="status">
                       	  <option value=""><spring:message code="message.select.option"/></option>
                       	  <option value="1"><spring:message code="message.jieSuan.yiTiJiao"/></option>
                       	  <option value="2"><spring:message code="message.jqGrid.cz.audit"/><spring:message code="message.jieSuan.tongGuo"/></option>
                       	  <option value="3"><spring:message code="message.jqGrid.cz.audit"/><spring:message code="message.listForm.buTongGuo"/></option>
                       	  <option value="4"><spring:message code="message.jieSuan.fuShen"/><spring:message code="message.jieSuan.tongGuo"/></option>
                       	  <option value="5"><spring:message code="message.jieSuan.fuShen"/><spring:message code="message.listForm.buTongGuo"/></option>
                       	  <option value="6"><spring:message code="message.jieSuan.naRuErJiJieSuanDan"/></option>
                       	  <option value="7"><spring:message code="message.jieSuan.yiNaRuZhiFuDan"/></option>
                       	   </select>
			       </div>			
                    
                   <button id="selectWSJ" type="button" onclick="gridSerch();" class="btn btn-success btn-sm"><spring:message code="message.button.seachSpacing"/></button>
                    
                </div>
            </div>
        </div>
        
        <table class="jqgrid" id="gridlist"></table>
		<div id="gridpage"></div>
		<!-- <div class=" box box-warning bottongroup">

		</div> -->
   </section> 
    
   <%@ include file="/WEB-INF/component/commonJS.jsp"%>
   <script type="text/javascript">
   
 //绑定回车
   $('#beginDate,#endDate,#status').bind('keydown', function(event) {
       if (event.keyCode == "13") {        //13 位电脑上回车键的位置代码
           $('#selectWSJ').click();
       }
   }); 
 
 //  $("#indiName").focus();//加载页面光标在第一个查询框内
		 $(function() {
			 
			 
			 jQuery("#gridlist").jqGrid({
	    			url: "${ctx}/settlementFirst/getAuditSettlementSeeDataList.html",
	    		    mtype: "POST",
	    			datatype: "json",
	    			autowidth: true,
	    			shrinkToFit: false,
	    			height: 355,
	    			colNames : [ 
                                    '<spring:message code="message.jqGrid.cz"/>',
			                        '<spring:message code="message.jieSuan.jieSuanDan"/>id',
			                        '<spring:message code="message.jieSuan.jieSuanDan"/><spring:message code="message.yanZheng.bianMa"/>',
			                        '<spring:message code="message.jieSuan.jieSuanDan"/><spring:message code="message.listForm.mingCheng"/>',
			                        '<spring:message code="message.listForm.yiLiaoJiGouBianMa"/>',
			                        '<spring:message code="message.listForm.yiLiaoJiGouMingCheng"/>',
			                        '<spring:message code="message.listForm.suoShuDiQu"/>',
			                        '<spring:message code="message.jieSuan.zongTiaoMuShu"/>',
			                        '<spring:message code="message.jieSuan.zongJinE"/>',
			                        '<spring:message code="message.jieSuan.tiJiaoRen"/>',
			                        '<spring:message code="message.jieSuan.tiJiaoShiJian"/>',
			                        '<spring:message code="message.jieSuan.auditPeople"/>',
                                    '<spring:message code="message.jieSuan.auditTime"/>',
                                    '<spring:message code="message.jieSuan.fuShenShiRen"/>',
                                    '<spring:message code="message.jieSuan.fuShenShiJian"/>',
                                    '<spring:message code="message.lable.status"/>'
	    			             
	    			             ],
					colModel : [
							{ name: 'oper', width:100, align:"center", sortable:false,
							    formatter : function(val, opts, rowdata) {
							    var str = "";
							    str += "<a href='${ctx}/settlementFirst/toSetSettlementDetailListSee.html?settlementId="+rowdata.settlementId+"'><spring:message code="message.jqGrid.cz.xiangQing"/></a>"
							    return str;
							 } 
							},
							{name : 'settlementId', hidden : true,width : 160,align : "center",sortable:false},
							{name : 'settlementCode', width : 160,align : "center",sortable:false},
							{name : 'settlementName', width : 160,align : "left",sortable:false},
							{name : 'hospCode', width : 160,hidden:true, align : "center",sortable:false},
							{name : 'hospName', width : 160,align : "left",sortable:false},
							{name : 'areaName', width : 100,align : "center",sortable:false},
							{name : 'totalOrders', width : 80,align : "center",sortable:false},
							{name : 'totalAmount', width : 100,align : "right",sortable:false,
								formatter :function(val){
									return formatAmount(val,null,null);
								}},
							{name : 'submitUser', width : 160,align : "left",sortable:false},									
                            {name : 'submitDatetime', width : 160,align : "center",sortable:false},
                            {name : 'auditUser', width : 160,align : "left",sortable:false},      
                            {name : 'auditDatetime', width : 160,align : "center",sortable:false},
                            {name : 'reauditUser', width : 160,align : "left",sortable:false},      
                            {name : 'reauditDatetime', width : 160,align : "center",sortable:false},
                            {name : 'status', width : 100,align : "left",sortable:false,
								formatter : function(val, opts,rowdata) {
									if (val == 1) {return "<spring:message code="message.jieSuan.yiTiJiao"/>";}
        							else if (val == 2) {return "<spring:message code="message.jqGrid.cz.audit"/><spring:message code="message.jieSuan.tongGuo"/>";}
        							else if (val == 3) {return "<spring:message code="message.jqGrid.cz.audit"/><spring:message code="message.listForm.buTongGuo"/>";}
        							else if (val == 4) {return "<spring:message code="message.jieSuan.fuShen"/><spring:message code="message.jieSuan.tongGuo"/>";}
        							else if (val == 5) {return "<spring:message code="message.jieSuan.fuShen"/><spring:message code="message.listForm.buTongGuo"/>";}
        							else if (val == 6) {return "<spring:message code="message.jieSuan.naRuErJiJieSuanDan"/>";}
        							else if (val == 7) {return "<spring:message code="message.jieSuan.yiNaRuZhiFuDan"/>";}
								}
							}
							
					],
	    				
	    				
	    			 rowNum: 20,
	    		     rowList: [10, 20, 50, 100],
	    		     rownumbers: true,
	    		     pager: "#gridpage",
	    		     viewrecords: true,
	    		     multiselect: false, 
	    		     caption: "<spring:message code="message.jieSuan.jieSuanDan"/><spring:message code="message.listForm.lieBiao"/>",
	    		   //序号宽度自动变化
	                 gridComplete:function(){
	                     //序号列宽度自适应（参数为jqgridID）
	                     autoRNWidth("gridlist");
	                     //数据只有一条时默认选中（参数为jqgridID）
	                     selectByOneData("gridlist");
	                 },
	    		     jsonReader: {
	    		         repeatitems: false,
	    		         id: "ids"
	    		     }
	    		});
	            
	            $("#gridlist").jqGrid('navGrid', '#gridpage', { add: false, edit: false, del: false, search: false, refresh: false });
	            
	            $(window).trigger("resize");
	            
	        });
			   
		   //查询
		   function gridSerch() {
			   var status = $.trim($("#status").val());
		       var beginDate = $.trim($("#beginDate").val());
		       var endDate = $.trim($("#endDate").val());
		       $("#gridlist").jqGrid('setGridParam',{  
		           datatype:'json',
		           postData:{
		        	   "status":status,
		               "beginDate":beginDate,
		               "endDate":endDate},
		           page:1
		       }).trigger("reloadGrid"); //重新载入  
		   }
		 
			
	</script>
</body>
</html>